<!-- 游戏规则 -->
<template>
  <view class="rules-container">
    <template v-for="(item, index) in content" :key="index">
      <view class="contents">
        <text class="title">{{ item.title }}</text>
        <template v-for="(p, pIndex) in item.paragraphs" :key="pIndex">
          <view class="p-box">
            <view class="">
              <text v-if="p.showNumber">{{ pIndex + 1 }}. </text>
              <text>{{ p.text }}</text>
            </view>
          </view>
        </template>
      </view>
    </template>
  </view>
</template>

<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: "Rules",
  setup() {
    
    const content = ref([
      {
        title: "【盲盒规则】",
        paragraphs: [
          {
            text: "盲盒，是指消费者不能提前得知具体产品款式的玩具盒子，具有随机属性。这种诞生于日本的潮玩，最初名字叫mini figures，流行欧美后也开始被称作blind box。盲盒作为一种潮流玩具，盲盒精准切入年轻消费者市场，众多如考古盲盒、文具盲盒、美妆盲盒、零食盲盒等“盲盒+”商业模式也迅速产生。",
            showNumber: true
          },
          {
            text: "盲盒，是指消费者不能提前得知具体产品款式的玩具盒子，具有随机属性。这种诞生于日本的潮玩，最初名字叫mini figures，流行欧美后也开始被称作blind box。盲盒作为一种潮流玩具，盲盒精准切入年轻消费者市场，众多如考古盲盒、文具盲盒、美妆盲盒、零食盲盒等“盲盒+”商业模式也迅速产生。",
            showNumber: true
          },
          {
            text: "盲盒，是指消费者不能提前得知具体产品款式的玩具盒子，具有随机属性。这种诞生于日本的潮玩，最初名字叫mini figures，流行欧美后也开始被称作blind box。盲盒作为一种潮流玩具，盲盒精准切入年轻消费者市场，众多如考古盲盒、文具盲盒、美妆盲盒、零食盲盒等“盲盒+”商业模式也迅速产生。",
            showNumber: true
          }
        ]
      },
      {
        title: "【实物商品配送发货规则】",
        paragraphs: [
          {
            text: "盲盒，是指消费者不能提前得知具体产品款式的玩具盒子，具有随机属性。这种诞生于日本的潮玩，最初名字叫mini figures，流行欧美后也开始被称作blind box。盲盒作为一种潮流玩具，盲盒精准切入年轻消费者市场，众多如考古盲盒、文具盲盒、美妆盲盒、零食盲盒等“盲盒+”商业模式也迅速产生。",
            showNumber: true
          },
          {
            text: "盲盒，是指消费者不能提前得知具体产品款式的玩具盒子，具有随机属性。这种诞生于日本的潮玩，最初名字叫mini figures，流行欧美后也开始被称作blind box。盲盒作为一种潮流玩具，盲盒精准切入年轻消费者市场，众多如考古盲盒、文具盲盒、美妆盲盒、零食盲盒等“盲盒+”商业模式也迅速产生。",
            showNumber: true
          },
        ]
      },
      {
        title: "【免责声明】",
        paragraphs: [
          {
            text: "盲盒，是指消费者不能提前得知具体产品款式的玩具盒子，具有随机属性。这种诞生于日本的潮玩，最初名字叫mini figures，流行欧美后也开始被称作blind box。盲盒作为一种潮流玩具，盲盒精准切入年轻消费者市场，众多如考古盲盒、文具盲盒、美妆盲盒、零食盲盒等“盲盒+”商业模式也迅速产生。",
            showNumber: false
          }
        ]
      }
    ]);
    
    return {
      content
    }
  }
});
</script>

<style scoped lang="scss">
.rules-container {
  padding: 30rpx;
}

.contents {
  margin-bottom: 20rpx;
  
  .title {
    font-weight: bold;
  }
  
  .p-box {
    margin-top: 20rpx;
  }
}
</style>